<template>
	<view>
		<page-head title = "button,按钮"></page-head>
		<view class="smart-padding-wrap">
			
			<button type="primary"> 页面主操作 normal </button>
			<button type="primary" :loading="true"> 页面主操作</button>
			<button type="primary" disabled="false"> 页面主操作 disabled</button>
			
			<button type ="default"> 页面次操作 normal</button>
			<button type="default" disabled="false"> 页面次操作 disabled</button>
			<button type="warn"> 页面警告操作 warn </button>
			<button type="default" disabled="false"> 页面警告操作 warn</button>
			
			<button type="primary" plain = "true"> 镂空按钮 plain</button>
			<button type="primary" plain = "true" disabled="false">镂空按钮 plain disabled</button>
			
			<button type="primary" size="mini" class="mini-btn"> 按钮 </button>
			<button type="default" size = "mini" class="mini-btn"> 按钮 </button>
			<button type="warn" size = "mini" class = "mini-btn"> 按钮 </button>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			
		}
	};
</script>

<style>
	button {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
		
	.mini-btn{
		margin-right: 30rpx;
	}
</style>
